<!DOCTYPE html>
<html lang="en">
<head>
    <base href="/xbsc/">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href=" static/vendor/bootstrap/css/bootstrap.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href=" static/vendor/font-awesome/css/font-awesome.min.css">
    <!-- Custom Font Icons CSS-->
    <link rel="stylesheet" href=" static/css/font.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href=" static/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href=" static/css/custom.css">
    <link rel="stylesheet" href=" static/css/layer.css">
    <link rel="stylesheet" href=" static/bootstrap/css/bootstrap-switch.min.css">
    <link rel="stylesheet" href=" static/css/layer.css">
    <title>查看用户</title>
</head>
<body>
<div id="app">
    <header class="header">
        <nav class="navbar navbar-expand-lg">
            <div class="search-panel">
                <div class="search-inner d-flex align-items-center justify-content-center">
                    <div class="close-btn">Close <i class="fa fa-close"></i></div>
                    <form id="searchForm" action="#">
                        <div class="form-group">
                            <input type="search" name="search" placeholder="What are you searching for...">
                            <button type="submit" class="submit">Search</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="container-fluid d-flex align-items-center justify-content-between">
                <div class="navbar-header">
                    <!-- Navbar Header--><a href="home.html" class="navbar-brand">
                    <div class="brand-text brand-big visible text-uppercase"><strong
                            class="text-primary">小标</strong><strong>会议平台</strong></div>
                    <div class="brand-text brand-sm"><strong class="text-primary">X</strong><strong>B</strong></div>
                </a>
                    <!-- Sidebar Toggle Btn-->
                    <button class="sidebar-toggle"><i class="fa fa-long-arrow-left"></i></button>
                </div>
                <div class="right-menu list-inline no-margin-bottom">
                    <!-- Log out -->
                    <div class="list-inline-item logout">
                        <a id="logout" href="index.html" class="nav-link"><span
                                class="d-none d-sm-inline">Logout </span></a>
                    </div>
                </div>
            </div>
        </nav>
    </header>

    <div class="d-flex align-items-stretch">
        <!-- Sidebar Navigation-->
        <nav id="sidebar">
            <!-- Sidebar Header-->

        </nav>
        <!-- Sidebar Navigation end-->
        <div class="page-content">
            <div class="page-header">
                <div class="container-fluid">
                    <h2 class="h5 no-margin-bottom">用户列表</h2>
                </div>
            </div>
            <section class="no-padding-bottom">
                <div class="title">
                    <form class="form-inline">
                        <div class="form-group">
                            <label for="inlineFormInput" class="sr-only">Name</label>
                            <input id="inlineFormInput" type="text" v-model="conditional.username"
                                   placeholder="请输入用户名..." class="mr-sm-3 form-control">
                        </div>
                        <div class="form-group">
                            <input type="button" value="查询" class="btn btn-primary" @click="selectPage()">
                        </div>
                    </form>

                </div>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>用户名</th>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>年龄</th>
                            <th>简介</th>
                            <th>操作</th>
                            <th>加关注</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="user in pageInfo.list">
                            <th scope="row">{{user.id}}</th>
                            <td>{{user.username}}</td>
                            <td>{{user.realName}}</td>
                            <td>{{user.gender==1?"男":"女"}}</td>
                            <td>{{user.age}}</td>
                            <td>{{user.info}}</td>
                            <td>
                                <input type="button" @click="toUpdate(user)" value="详细信息"
                                       class="btn-xs btn-primary userDetail">
                            </td>

                            <td>
                                <input type="button" value="关注" @click="Focuson()"
                                       class="btn-xs btn-primary userDetail">
<!--                                <input type="checkbox" value="" class="checkbox-template">-->
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <nav class="text-center" aria-label="Page navigation">
                        <ul class="pagination">

                            <li v-if="pageInfo.hasPreviousPage" class="prev"><a href="javascript:void(0);"
                                                                                @click="selectPage(pageInfo.prePage,pageInfo.pageSize)">&laquo;</a>
                            <li v-else="" class="prev disabled"><a>&laquo;</a></li>

                            <li v-for="i in pageInfo.navigatepageNums"><a
                                    href="javascript:void(0);"
                                    @click="selectPage(i,pageInfo.pageSize)">{{i}}</a></li>

                            <li v-if="pageInfo.hasNextPage" class="next "><a href="javascript:void(0);"
                                                                             @click="selectPage(pageInfo.nextPage,pageInfo.pageSize)">&raquo;</a>
                            <li v-else="" class="next disabled"><a>&raquo;</a></li>
                        </ul>
                    </nav>


                </div>
            </section>

            <footer class="footer">
                <div class="footer__block block no-margin-bottom">
                    <div class="container-fluid text-center">
                        <p class="no-margin-bottom">Copyright &copy; 2019.Company <a href="#">东方标准</a></p>
                    </div>
                </div>
            </footer>
        </div>
    </div>
</div>

<!-- JavaScript files-->
<script src=" static/vendor/jquery/jquery.min.js"></script>
<script src=" static/vendor/popper.js/umd/popper.min.js"></script>
<script src=" static/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src=" static/bootstrap/js/bootstrap-switch.min.js"></script>
<script src=" static/vendor/jquery.cookie/jquery.cookie.js"></script>
<script src=" static/vendor/chart.js/Chart.min.js"></script>
<script src=" static/js/layer.js"></script>
<script src=" static/vendor/jquery-validation/jquery.validate.min.js"></script>

<!--		<script src=" static/js/charts-home.js"></script>-->
<script src=" static/js/front.js"></script>
<script src=" static/js/custom.js"></script>
<script src=" static/js/layer.js"></script>
<script src=" static/js/vue-2.6.11.js"></script>
<script src=" static/js/axios-0.19.2.min.js"></script>
<script src=" static/js/jquery-cookie-1.4.1.js"></script>

</body>
</html>

<script>
    $(function () {
        $("#sidebar").load("main/sidebar")
    })

</script>
<script type="text/javascript" src="static/js/user/index.js"></script>
